<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>转租转让</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css"  href="css/reset.css">
	<link rel="stylesheet" type="text/css"  href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/select.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="topbar">
			<i class="fa fa-angle-left"></i>
			<h1>全部</h1>
			<span>筛选
			<i class="fa fa-filter"></i>
			</span>
		</div>

		<div class="market_main">
	        <section class="submarket">
	            <div class="marketHead market cl">
	                <span class="head">市场</span>
	                <p>
	                    <a href="#" class="active">全部</a>
	                    <a href="#">一区</a>
	                    <a href="#">一区东</a>
	                    <a href="#">二区</a>
	                    <a href="#">三区</a>
	                    <a href="#">四区</a>
	                    <a href="#">五区</a>
	                </p>
	            </div>
	            <div class="marketbody">
	                <ul>
	                    <li>
	                        <span class="first">1F</span>
	                        <p>
	                            <a href="#">1玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#" class="active">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">2F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">3F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                </ul>
	            </div>
	            <div class="marketbody">
	                <ul>
	                    <li>
	                        <span class="first">1F</span>
	                        <p>
	                            <a href="#">2玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#" class="active">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">2F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">3F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                </ul>
	            </div>
	            <div class="marketbody">
	                <ul>
	                    <li>
	                        <span class="first">1F</span>
	                        <p>
	                            <a href="#">3玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#" class="active">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">2F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">3F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                </ul>
	            </div>
	            <div class="marketbody">
	                <ul>
	                    <li>
	                        <span class="first">1F</span>
	                        <p>
	                            <a href="#">4玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#" class="active">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">2F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">3F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                </ul>
	            </div>
	            <div class="marketbody">
	                <ul>
	                    <li>
	                        <span class="first">1F</span>
	                        <p>
	                            <a href="#">5玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#" class="active">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">2F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">3F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                </ul>
	            </div>
	            <div class="marketbody">
	                <ul>
	                    <li>
	                        <span class="first">1F</span>
	                        <p>
	                            <a href="#">6玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#" class="active">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">2F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                    <li>
	                        <span class="first">3F</span>
	                        <p>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                            <a href="#">玩具</a>
	                        </p>
	                    </li>
	                </ul>
	            </div>

	            <div class="marketHead mark cl">
	                <span class="head">来源</span>
	                <p>
	                    <a href="#" class="active">不限</a>
	                    <a href="#">官方</a>
	                    <a href="#">个人</a>
	                </p>
	            </div>

	            <div class="marketHead mark cl">
	                <span class="head">类型</span>
	                <p>
	                    <a href="#" class="active">不限</a>
	                    <a href="#">转租</a>
	                    <a href="#">转让</a>
	                </p>
	            </div>

	            <div class="marketHead mark cl">
	                <span class="head">结构</span>
	                <p>
	                    <a href="#" class="active">不限</a>
	                    <a href="#">全摊</a>
	                    <a href="#">半摊</a>
	                </p>
	            </div>
	        </section>      
	    </div>
	</div>

	<div class="bottom">
		<div class="button">确定</div>
	</div>
	<script type="text/javascript">
		$(function(){
			$(".fa-angle-left").click(function(){
				window.history.back(-1); 
			});

			$(".market a").click(function(){
				$(this).addClass('active').siblings().removeClass('active');
				$eq = $(this).index();
				if($eq ==0){
					$('.marketbody').slideUp();
				}else{
					var $body = $('.marketbody').eq($eq-1);
					$body.siblings('.marketbody').slideUp();
					if($body.is(":hidden")){
						$body.slideDown();
					}
				}
				
		    });

		    $('.mark a').click(function(){
		    	$(this).addClass('active').siblings().removeClass('active');
		    });
		});
	</script>
</body>
</html>